.contractmain{
    width:100%;
    min-width: 1280px;
    background-color: #262A43;
    .contract{
        display: flex;
        width:100%;
        min-width: 1280px;
        height: 1036px;
        padding-top: 10px;
        .left{
            width: 18.75%;
            min-width: 280px;
            max-width: 360px; 
            height: 100%;
            margin-right: 10px;
            background-color: #161C2B;
        }
        .cont{
            flex: 1;
            height: 100%;
            background-color: #161C2B;
        }
        .right{
            width: 19.8%;
            min-width: 295px;
            max-width: 380px; 
            height: 100%;
            margin-left: 10px;
            background-color: #161C2B;
            .el-tabs__header{
                border-bottom: 1px solid #161C2B !important;
            }
            .is-active{
                background: #161C2B !important;
                border: none !important;
            }
            .el-tabs__item{
                color: #828EA1 !important;
            }
        }
    }
    .left{
        .leftcon{
            .title{
                height:42px;
                line-height: 42px;
                text-indent: 24px;
                font-size:18px;
                font-family:Microsoft YaHei;
                font-weight:400;
                color: #3A80F4;
                position: relative;
                &::before{
                    position: absolute;
                    left: 0;
                    top: 9px;
                    content: "";
                    display: inline-block;
                    width: 4px;
                    height: 24px;
                    background-color: #3A80F4;
                }
            }
            .leftmian{
                width: 100%;
                .listheader, .list{
                    width: 100%;
                    .display();
                    justify-content: space-between;
                    .code{
                        width: 20%;
                        text-align: left;
                        text-indent: 10px;
                    }
                    .price{
                       width: 50%;
                       text-align: right;
                    }
                    .changeRate{
                        width: 30%;
                        text-align: right;
                        padding-right: 15px;
                    }
                }
                .listheader{
                    height: 42px;
                    font-size:14px;
                    color: #828EA1;
                    background-color: #161C2B;
                    p{
                        height: 42px;
                        line-height: 42px;
                    }
                }
                .ateiv{
                    background-color: #161C2B;
                }
                .list{
                    height: 56px;
                    font-size:16px;
                    color: #FFFFFF;
                    line-height:34px;
                    cursor: pointer;
                    p{
                        line-height: 48px;
                    }
                    .price{
                        margin-top: 13px;
                        line-height: 18px;
                        span{
                            line-height: 16px;
                            font-size:14px;
                            font-family:Microsoft YaHei;
                            font-weight:400;
                            color: #999999;
                            display: block;
                        }
                        
                    }
                }
            }
        }
    }
    .cont{
        .contheader{
            .contheadermain{
                .display();
                .list{
                    flex: 1;
                    h2{
                        font-size:32px;
                        font-family:Microsoft YaHei;
                        font-weight:400;
                        color: #FFFFFF;
                        line-height: 78px;
                        text-indent: 38px;
                        margin-right: 23px;
                    }
                    h3{
                        margin-top: 18px;
                        font-size:18px;
                        font-family:MicrosoftYaHeiLight;
                        font-weight:400;
                        color: #FFFFFF;
                    }
                    h4{
                        font-size:12px;
                        font-family:Microsoft YaHei;
                        font-weight:400;
                        color: #999999;
                    }
                    p{
                        margin-top: 16px;
                        font-size:14px;
                        font-family:Microsoft YaHei;
                        font-weight:400;
                        color: #999999;
                    }
                    span{
                        font-size:16px;
                        font-family:Microsoft YaHei;
                        font-weight:400;
                        color: #FFFFFF;
                        line-height: 36px;
                    }
                    p, span{
                        display: inline-block;
                        min-width: 100px;
                        text-align: right;
                    }
                }
            }
        }
        .kile{
            height: 545px;
            width: 100%;
            position: relative;
            .mian{
                z-index: 1000;;
                position: absolute;
                top: 10px;
                right: 0px;
                .display();
                .list{
                    width: 80px;
                    height: 28px;
                    line-height: 28px;
                    color: #666666;
                    font-size:14px;
                    text-align: center;
                    background-color: #161C2B;
                    border: solid 1px #828EA1;
                    margin-right: 8px;
                    cursor: pointer;
                    border-radius: 5px;
                }
                .acvte{
                    background-color: #3A80F4;
                    color: #161C2B
                }
            }
        }
        .transaction,.el-tabs--border-card{
            .el-tabs--border-card>.el-tabs__header{
                background: #161C2B;
                border-color: #161C2B;
            }
            .el-tabs__item,.is-top,.el-form-item__label{
                color: #FFFFFF !important;
                border: none !important;
            }
            .el-input__inner,.el-input-group__prepend{
                background: #161C2B !important;
                border-color: #2D3346 !important;
                color: #FFFFFF !important;
            }
            .el-radio-button__inner{
                background: #161C2B !important;
                border-color: #2D3346 !important;
                color: #8D9AAE !important;
            }
            .is-active .el-radio-button__inner{
                background: #1D2237 !important;
                color: #FFFFFF !important;
                box-shadow: none !important
            }
            background: #161C2B;
            border-color: #161C2B;
            .marketprice{
                .display();
                justify-content: space-between;
                .Purchase{
                    width: 45%;
                    .el-select{
                        width: 100%;
                    }
                    .el-radio-group{
                        width: 100%;
                        .el-radio-button{
                            width: 25%;
                        }
                        .el-radio-button__inner{
                            padding: 0;
                            width: 100%;
                            height: 34px;
                            line-height: 34px;
                        }
                    }
                    .Purchasefooter{
                        .display();
                        justify-content: space-between;
                        font-size:14px;
                        font-family:Microsoft YaHei;
                        font-weight:400;
                        color: #FFFFFF;
                        line-height:18px;
                    }
                    .el-button{
                        margin-top: 25px;
                        width: 100%;
                        margin-bottom: 23px;
                    }
                }
            }
            
        }
    }
    .right{
        .el-tabs__header{
            margin: 0px;
        }
        .rheader{
            width: 100%;
            height:42px;
            background: #161C2B;
            .list{

            }
        }
        .rightheader,.buyorder, .sellorder,.realorder{
            height: 37px;
            line-height: 37px;
            .display();
            font-size:14px;
            font-family:Microsoft YaHei;
            font-weight:400;
            color: #666666;
            .price{
                width: 30%;
                text-align: left;
                text-indent: 10px;
            }

            .volume:nth-child(2){
                margin-right: 4%;
            }
            .volume{
                width: 33%;
                text-align: right;
            }
            .name{
                width: 30%;
                text-align: right;
                padding-right: 15px;
            }
        }
        .jiange{
            line-height: 66px;
            .display();
            justify-content: space-between;
            background-color: #161C2B;
            .price{
                font-size:18px;
                font-family:MicrosoftYaHei;
                font-weight:bold;
                text-indent: 10px;
            }
            .changeRate{
                font-size:14px;
                font-family:Microsoft YaHei;
                font-weight:400;
                color: #666666;
                margin-right: 10px;
            }
        }
        .buyordermain, .sellordermain{
            height: 420px;
            overflow-x: hidden;
            overflow-y: scroll;
            .volume{
                color: #666666;
            }
            .name{
                color: #666666;
            }
        }
        .realtime{
            .realtimemain{
                height: 940px;
                overflow-x: hidden;
                overflow-y: scroll;
            }
            .realorder{
                .price{}
                .volume{}
                .name{}
            }
        }
    }
    .Order{
        margin-top: 10px;
        position: relative;
        .closeAll{
          position: absolute;
          right: 10px;
          top: 5px;
          z-index: 99;
        }
        .el-tabs,.is-top,.el-table th,.el-table__body-wrapper,.el-table tr,.el-table td,.el-table__body tr:hover>td{
            background: #161C2B;
            border-color: #2D3346 !important;
        }
    }
}

.boxconit{
    .display();
    justify-content: space-between;
    .conit{
        width: 50%;
        .list{
            .display();
            justify-content: space-between;
            font-size:14px;
            p{
                width: 48%;
            }
            .title{
                color: #999;
                text-align: right;
            }
            .text{
                margin-left: 5px;
                
                color: #FFF;
            }
        }
    }
}


